<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html class="no-js" lang="">
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="x-ua-compatible" content="ie=edge"/>
    <title>Mall - 结账</title>
    <meta name="description" content=""/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <link rel="stylesheet" href="../assets/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="../assets/css/fontawesome-all.min.css"/>
    <link rel="stylesheet" href="../assets/css/animate.min.css"/>
    <link rel="stylesheet" href="../assets/css/magnific-popup.css"/>
    <link rel="stylesheet" href="../assets/css/nice-select.css"/>
    <link rel="stylesheet" href="../assets/css/pe-icon-7-stroke.css"/>
    <link rel="stylesheet" href="../assets/css/slick.css"/>
    <link rel="stylesheet" href="../assets/css/ui-range-slider.css"/>
    <link rel="stylesheet" href="../assets/css/meanmenu.css"/>
    <link rel="stylesheet" href="../assets/css/swipper.css"/>
    <link rel="stylesheet" href="../assets/css/main.css"/>
    <script src="http://code.jquery.com/jquery-1.12.4.min.js"></script>
</head>

<body>
<div class="header-area bg-black-2 d-none d-lg-block">
    <div class="header-top-2">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-xxl-3 col-lg-3">
                    <div class="header-left-2">
                        <div class="logo-2">
                            <a href="${pageContext.request.contextPath}/">
                                <img src="../assets/img/logo/logo-white.png">
                            </a>
                        </div>
                    </div>
                </div>
                <div class="col-xxl-9 col-lg-9">
                    <div class="header-right-2 text-end">
                        <div class="epix-header-list-2 d-inline-block">
                            <ul>
                                <li>
                                    <c:choose>
                                        <c:when test="${sessionScope.username!=null}">
                                            <a style="color: white">欢迎您：${sessionScope.username}</a>
                                            <span style="color: white">/</span>
                                            <a href="${pageContext.request.contextPath}/logout" id="logout"> 注销</a>
                                        </c:when>
                                        <c:when test="${sessionScope.username==null}">
                                            <a href="${pageContext.request.contextPath}/login">登录</a>
                                            <span style="color: white">/</span>
                                            <a href="${pageContext.request.contextPath}/register"> 注册</a>
                                        </c:when>
                                    </c:choose>
                                </li>
                                <li><a href="${pageContext.request.contextPath}/cart">购物车</a></li>
                                <li><a href="${pageContext.request.contextPath}/order-list">历史订单</a></li>
                                <c:if test="${sessionScope.isAdmin==true}">
                                    <li><a href="${pageContext.request.contextPath}/goodsAll.jsp">后台</a></li>
                                </c:if>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<main>
    <div id="loading">
        <div id="loading-center">
            <div id="loading-center-absolute">
                <div class="object" id="first_object"></div>
                <div class="object" id="second_object"></div>
                <div class="object" id="third_object"></div>
            </div>
        </div>
    </div>

    <section class="checkout-area pb-70" style="margin-top: 2%;">
        <div class="container">
            <form>
                <div class="row">
                    <div class="col-lg-6" style="margin-left: auto;margin-right: auto;">
                        <div class="your-order mb-30 ">
                            <h3>订单编号：${requestScope.orderDetail.id}</h3>
                            <div class="your-order-table table-responsive">
                                <table>
                                    <thead>
                                    <tr>
                                        <th class="product-name">商品</th>
                                        <th class="product-total">价格</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <c:forEach begin="0" end="${requestScope.goodsList.size()-1}" step="1" var="i">
                                        <tr class="cart_item">
                                            <td class="product-name">
                                                    ${requestScope.goodsList.get(i).goods_name} <strong
                                                    class="product-quantity">
                                                × ${requestScope.countList.get(i)}</strong>
                                            </td>
                                            <td class="product-total">
                                                <span class="amount">￥ ${requestScope.goodsList.get(i).price*requestScope.countList.get(i)}</span>
                                            </td>
                                        </tr>
                                    </c:forEach>
                                    </tbody>
                                    <tfoot>
                                    <tr class="order-total">
                                        <th>总计</th>
                                        <td><strong><span class="amount">￥ ${requestScope.sum}</span></strong>
                                        </td>
                                    </tr>
                                    </tfoot>
                                </table>
                            </div>
                            <div class="payment-method">
                                <div class="accordion" id="accordionExample">
                                    <div class="col-md-12">
                                        <div class="checkout-form-list">
                                            <span>
                                                <strong>
                                                    <li style="list-style: square">收货人姓名：</li>
                                                </strong>
                                            </span>
                                            <input id="receipt-name" type="text"
                                                   value="${requestScope.orderDetail.receipt_name}" disabled>
                                            <span>
                                                <strong>
                                                    <br/><br/>
                                                    <li style="list-style: square">收货人电话：</li>
                                                </strong>
                                            </span>
                                            <input id="receipt-phone" type="text"
                                                   value="${requestScope.orderDetail.receipt_phone}" disabled>
                                            <span>
                                                <strong>
                                                    <br/><br/>
                                                    <li style="list-style: square">收货地址：</li>
                                                </strong>
                                            </span>
                                            <input id="receipt-address" type="text"
                                                   value="${requestScope.orderDetail.receipt_address}" disabled>
                                            <span>
                                                <strong>
                                                    <br/><br/>
                                                    <li style="list-style: square">备注：</li>
                                                </strong>
                                            </span>
                                            <input id="receipt-notes" type="text"
                                                   value="${requestScope.orderDetail.notes}" disabled>
                                            <span>
                                                <strong>
                                                    <br/><br/>
                                                    <li style="list-style: square">支付方式：</li>
                                                </strong>
                                            </span>
                                            <input id="pay-type" type="text" value='<c:choose><c:when test="${requestScope.orderDetail.pay_type==1}">在线支付</c:when><c:when test="${requestScope.orderDetail.pay_type==2}">门店支付</c:when><c:when test="${requestScope.orderDetail.pay_type==3}">货到付款</c:when></c:choose>' disabled>
                                            <span>
                                                <strong>
                                                    <br/><br/>
                                                    <li style="list-style: square">配送方式：</li>
                                                </strong>
                                            </span>
                                            <input id="send-type" type="text" value='<c:choose><c:when test="${requestScope.orderDetail.send_type==1}">第三方配送</c:when><c:when test="${requestScope.orderDetail.send_type==2}">千城当日达</c:when><c:when test="${requestScope.orderDetail.send_type==3}">门店自提</c:when><c:when test="${requestScope.orderDetail.send_type==4}">一小时加急送</c:when></c:choose>' disabled>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </section>
</main>
<div class="footer-copyright-2" style="position: fixed;bottom: 0;width: 100%;">
    <div class="container">
        <div class="row">
            <div class="col-xxl-9 col-xl-6 col-lg-6">
                <p>Copyrights © 2021 EPIXX. All Rights Reserved.</p>
            </div>
        </div>
    </div>
</div>
<script src="../assets/js/jquery.min.js"></script>
<script src="../assets/js/bootstrap.bundle.min.js"></script>
<script src="../assets/js/isotope.pkgd.min.js"></script>
<script src="../assets/js/slick.min.js"></script>
<script src="../assets/js/swipper-bundle.min.js"></script>
<script src="../assets/js/jquery.meanmenu.min.js"></script>
<script src="../assets/js/wow.min.js"></script>
<script src="../assets/js/wow.min.js"></script>
<script src="../assets/js/jquery.elevatezoom.js"></script>
<script src="../assets/js/nice-select.js"></script>
<script src="../assets/js/jquery.scrollUp.min.js"></script>
<script src="../assets/js/jquery-ui-slider-range.js"></script>
<script src="../assets/js/countdown.min.js"></script>
<script src="../assets/js/jquery.magnific-popup.min.js"></script>
<script src="../assets/js/imagesloaded.pkgd.min.js"></script>
<script src="../assets/js/mouse-wheel.min.js"></script>
<script src="../assets/js/main.js"></script>
</body>

</html>